<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>探路者</title>
<link href="css/public.css" rel="stylesheet" type="text/css">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>

<body>

<header id="header">
	<div class="margin clear">
    	<div class="top">
        	<a href="#" class="logo"><img src="images/headerlogo.jpg" /></a>
            <div class="search">
            	<select>
                	<option selected="selected">产品名称</option>
                    <option>产品类型</option>
                    <option>产品价格</option>
                </select>
                <input type="text" class="txt" placeholder="请输入关键字"/>
                <input type="submit" class="sub" value=""/>
            </div>
            <div class="r">
            	<a href="#">登录</a>
                <span>|</span>
                <a href="#">注册</a>
                <span>|</span>
                <a href="#">探路者控股集团股份有限公司</a>
            </div>
        </div>
        <nav>
        	<ul class="l clear">
            	<li><a href="#">首页</a></li>
                <li><a href="#">品牌专区</a></li>
                <li><a href="#">新闻中心</a></li>
                <li><a href="#">产品中心</a></li>
                <li><a href="#">官方商城</a></li>
                <li><a href="#">会员专区</a></li>
                <li><a href="#">公益基金</a></li>
            </ul>
            <div class="r">
            	<a href="#"><img src="images/header3.jpg"/></a>
                <span>|</span>
                <a href="#"><img src="images/header4.jpg"/></a>
                <span>|</span>
                <a href="#"><img src="images/header5.jpg"/></a>
            </div>
        </nav>
    </div>
</header>
<section id="banner">
	<img src="images/banner.jpg"/>
</section>

<section id="lei" class="clear">
	<a href="#"><img src="images/lei1.jpg"/></a>
    <a href="#"><img src="images/lei2.jpg"/></a>
    <a href="#"><img src="images/lei3.jpg"/></a>
    <a href="#"><img src="images/lei4.jpg"/></a>
    <a href="#"><img src="images/lei5.jpg"/></a>
    <a href="#"><img src="images/lei6.jpg"/></a>
    <a href="#"><img src="images/lei7.jpg"/></a>
</section>

<section id="news">
	<div class="margin clear">
        <artical class="l">
            <div class="t clear">
                <mark>新闻动态</mark>
                <a href="#">更多&gt;&gt;</a>
            </div>
            <ul class="b clear">
                <li>
                    <a href="#">
                        <img src="images/news1.jpg"/>
                        <b>
                            <p>探路者DiscoveryExpedition牵手丛林的法则</p>
                            <i>2017-08-11</i>
                        </b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/news2.jpg"/>
                        <b>
                            <p>探路者DiscoveryExpedition牵手丛林的法则</p>
                            <i>2017-08-11</i>
                        </b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/news3.jpg"/>
                        <b>
                            <p>探路者DiscoveryExpedition牵手丛林的法则</p>
                            <i>2017-08-11</i>
                        </b>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="images/news4.jpg"/>
                        <b>
                            <p>探路者DiscoveryExpedition牵手丛林的法则</p>
                            <i>2017-08-11</i>
                        </b>
                    </a>
                </li>
            </ul>
        </artical>
        <artical class="r">
        	<div class="t">
            	<h3>公司公告</h3>
                <a href="#"><img src="images/news6.jpg"/></a>
            </div>
            <img src="images/news5.jpg"/>
            <b class="clear">探路者CRM系统上线 创新客户服务模式</b>
            <p>探路者控股集团股份有限公司正式上线全新的CRM系统，即客户关系管理系统。探路者</p>
            <a href="#">查看详情 <span>→</span></a>
        </artical>
	</div>
</section>

<section id="tuijian">
	<ul class="clear">
    	<li>
        	<img src="images/tuijian1.jpg"/>
            <p>老驴分享 野外寻找水源及改善水质的妙招</p>
            <a href="#" class="clear">推荐</a>
        </li>
        <li>
        	<img src="images/tuijian2.jpg"/>
            <p>2016去哪儿 国内旅行清单奉上</p>
            <a href="#" class="clear">线路</a>
        </li>
        <li>
        	<img src="images/tuijian3.jpg"/>
            <p>女神同款 探路者2016年款皮肤衣众测邀请</p>
            <a href="#" class="clear">活动</a>
        </li>
    </ul>
</section>

<footer>
	<a href="#header" class="valign"><img src="images/footer3.jpg"/></a>
	<div class="connect clear">
    	<img src="images/footer1.jpg"/>
        <img src="images/footer2.jpg"/>
    </div>
	<div class="c">
        <a href="#">加入我们</a>
        <span>|</span>
        <a href="#">新浪官方微博</a>
        <span>|</span>
        <a href="#">投资者关系</a>
        <span>|</span>
        <a href="#">法律声明</a>
        <span>|</span>
        <a href="#">团购和定制</a>
        <span>|</span>
        <a href="#">举报热线</a>
        <span>|</span>
        <a href="#">采购招标信息</a>
    </div>
	<p>Copyright &copy; 2005-2015 探路者 版权所有，并保留所有权利 | 备案号：京ICP备09053978号-1 | 北京市公安局备案编号：110114000010号</p>
    <p>北京市海淀区知春路6号锦秋国际大厦A座21层 服务热线：400-700-8178</p>
</footer>

</body>
</html>
